<template>
  <el-row justify="space-between" :gutter="10" style="width: 100%;">
    <el-col :span="12">
      <el-card>
        <template #header>局部打印</template>
        <print></print>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card >
        <template #header>内容复制</template>
        <copy></copy>
      </el-card>
    </el-col>
    <el-col :span="12">

      <el-card >
        <template #header>PDF转Word</template>
        <pdf-to-word></pdf-to-word>
      </el-card>
    </el-col>
    <el-col :span="12">

      <el-card >
        <template #header>Excel生成建表sql</template>
       <excel-to-sql-create></excel-to-sql-create>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card >
        <template #header>xml解析为对象</template>
        <xml-to-object></xml-to-object>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card >
        <template #header>生成二维码</template>
        <qr-code></qr-code>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card >
        <template #header>高德地图</template>
        <amap></amap>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import {ref, unref, getCurrentInstance, watch, reactive, onMounted} from "vue";
import {ElMessage, ElMessageBox, genFileId} from 'element-plus';
import {useRouter} from "vue-router";

import print from "@/views/sys/tools/other/print";
import copy from "@/views/sys/tools/other/copy";
import excelToSqlCreate from "@/views/sys/tools/other/excelToSqlCreate";
import pdfToWord from "@/views/sys/tools/other/pdfToWord";
import qrCode from "@/views/sys/tools/other/qrCode";
import xmlToObject from "@/views/sys/tools/other/xmlToObject";
import amap from "@/views/sys/tools/other/amap";

export default {
  name: "tools/other",
  props: ["info"],
  emits: ["update:info"],
  components: {
    print,
    copy,
    excelToSqlCreate,
    pdfToWord,
    qrCode,
    xmlToObject,
    amap,
  },
  setup(props, content) {
    const router = useRouter()
    const {proxy} = getCurrentInstance();

    let data = {
    }
    //监听
    watch(() => [props.info], ([newInfo], [oldInfo]) => {
    })
    onMounted(async () => {

    })
    let methods = {

    }

    return {
      proxy,
      router,
      ...data,
      ...methods
    }
  }
}
</script>

<style lang="scss" scoped>

</style>